@charset "utf-8";
/* CSS Document */

@keyframes top
{
0% { -moz-transform:translateY(-120px); -o-transform:translateY(-120px); -webkit-transform:translateY(-120px); transform:translateY(-120px); filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
}
@keyframes solution
{
0% { -moz-transform:translateY(21.74%); -o-transform:translateY(21.74%); -webkit-transform:translateY(21.74%); transform:translateY(21.74%); filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
}
@keyframes banner_p
{
0% { -moz-transform:translateY(20%); -o-transform:translateY(20%); -webkit-transform:translateY(20%); transform:translateY(20%); filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
}


@keyframes b-t
{
0% { -moz-transform:translateY(60px); -o-transform:translateY(60px); -webkit-transform:translateY(60px); transform:translateY(60px); filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
}
@keyframes s-b
{
0% { -moz-transform:scale(0); -o-transform:scale(0); -webkit-transform:scale(0); transform:scale(0); filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
}
@keyframes l-r
{
0% { -moz-transform:translateX(-25%); -o-transform:translateX(-25%); -webkit-transform:translateX(-25%); transform:translateX(-25%); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-transform:translateX(0); -o-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
}
@keyframes r-l
{
0% { -moz-transform:translateX(25%); -o-transform:translateX(25%); -webkit-transform:translateX(25%); transform:translateX(25%); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-transform:translateX(0); -o-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
}


#top,#top2,#solution,#banner_p,#tabs,#about,#news,#contact,#message{ filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden; -moz-animation-fill-mode:forwards !important; -o-animation-fill-mode:forwards !important; -webkit-animation-fill-mode:forwards !important; animation-fill-mode:forwards !important;}


#top,#top2{ -moz-animation: top 1s ease; -webkit-animation: top 1s ease; -o-animation: top 1s ease; animation: top 1s ease;}
#solution{ -moz-animation: solution 1s ease .4s; -o-animation: solution 1s ease .4s; -webkit-animation: solution 1s ease .4s; animation: solution 1s ease .4s;}
#banner_p{ -moz-animation: banner_p 1s ease .2s; -o-animation: banner_p 1s ease .2s; -webkit-animation: banner_p 1s ease .2s; animation: banner_p 1s ease .2s;}


.an1{ -moz-animation: b-t 1s ease; -webkit-animation: b-t 1s ease; -o-animation: b-t 1s ease; animation: b-t 1s ease;}
.an2{ -moz-animation: s-b 1s ease; -webkit-animation: s-b 1s ease; -o-animation: s-b 1s ease; animation: s-b 1s ease;}
.an3{ -moz-animation: l-r 1s ease; -webkit-animation: l-r 1s ease; -o-animation: l-r 1s ease; animation: l-r 1s ease;}
.an4{ -moz-animation: r-l 1s ease; -webkit-animation: r-l 1s ease; -o-animation: r-l 1s ease; animation: r-l 1s ease;}



*{ margin:0; padding:0;}
.width{ width:1500px; margin:0 auto;}
.clear{ clear:both; height:0;}
a{ text-decoration:none; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}
img{ border:0; max-width:100%;}
li{ list-style-type:none;}
html{ width:100%; height:100%;}
body{ font-family:"微软雅黑"; overflow-x:hidden; width:100%; height:100%;}

/* orange #f08300 */
/* blue #005bac */
.top{ position:absolute; width:100%; height:120px; top:0; z-index:99;}
.logo{ float:left; padding:0 1%; height:120px; background:url(../img/logo_bg.png);}
.logo img{ margin-top:34px; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}
.search{ float:right; margin-top:43px; margin-right:5%; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}
.search:hover .search1{ width:136px; padding:0 49px 0 15px; filter:alpha(Opacity=100); -moz-opacity:1; opacity:1;}
.search2{ float:right; width:34px; height:34px; background:url(../img/search.png); border:none; outline:none; cursor:pointer; font-family:"微软雅黑";}
.search1{ float:right; width:1px; height:34px; line-height:34px; font-family:"微软雅黑"; font-size:0.875em; color:#fff; background:url(../img/search_bg.png); border:none; outline:none; border-radius:34px; margin-left:-201px; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}

.nav{ position:absolute; width:52%; top:0; left:24%; font-size:0.9375em; color:#e4e4e4; text-align:center; z-index:100; cursor:default;}
.nav a{ color:#e4e4e4; padding:3.5%; line-height:120px;}
.nav a:hover{ color:#f08300;}
.cur{ color:#f08300 !important;}
.banner_p{ position:absolute; width:100%; height:14%; top:43%; z-index:99;}
.banner_p img{ height:100%; max-height:129px;}

.nav_fix .top{ position:fixed; z-index:999; background:#fff; height:80px; border-bottom:1px solid #f0f0f0; box-shadow:0 0 10px #333;}
.nav_fix .logo{ height:80px; margin-left:4.5%;}
.nav_fix .logo img{ margin-top:14px;}
.nav_fix .nav{ position:fixed; z-index:999; color:#767677;}
.nav_fix .nav a{ color:#767677; line-height:80px;}
.nav_fix .nav a:hover{ color:#f08300;}
.nav_fix .search{ margin-top:23px;}
.nav_fix .search2{ background-image:url(../img/search2.png);}
.nav_fix .search1{ color:#666; background:url(../img/search_bg2.png);}

.solution{ position:relative; top:78.26%; height:650px; background:url(../img/solution.jpg) center no-repeat; background-size:cover; z-index:100; overflow:hidden;}
.solu1{ position:relative; float:left; width:25%; height:100%;}
.solu1:hover .solu_hover{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; margin-top:0;}
.solu_bg{ position:absolute; width:100%; height:100%; filter:alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5; background:#fff;}
.solu2 .solu_bg{ filter:alpha(Opacity=90); -moz-opacity:0.9; opacity:0.9; background:#85bde4;}
.solu4 .solu_bg{ filter:alpha(Opacity=90); -moz-opacity:0.9; opacity:0.9; background:#f9a33d;}
.solu_ico{ position:relative; width:33%; max-width:124px; margin:56px auto 0;}
.solu_p{ position:relative; text-align:center; margin-top:75px; color:#ed8913;}
.solu2 .solu_p{ color:#fff;}
.solu3 .solu_p{ color:#f08f19;}
.solu4 .solu_p{ color:#fff;}
.solu_t{ font-size:1.25em; margin-bottom:20px;}
.solu_t2{ font-size:0.9375em; line-height:2em;}
.solu_t3{ font-size:0.9375em; line-height:1.6em; margin-top:85px;}
.solu_hover{ position:absolute; width:100%; height:100%; background:#ac91e9; color:#fff; text-align:center; z-index:2; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; margin-top:178px; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}
.solu2 .solu_hover{ background:#3480b4;}
.solu3 .solu_hover{ background:#6fbc5a;}
.solu4 .solu_hover{ background:#ec8000;}
.solu_hover .solu_t{ margin:80px 0 60px;}
.solu_t11{ font-size:0.9375em; padding:5px 10px; background:#e6def8; color:#ac91e9;}
.solu2 .solu_t11{ background:#c2d9e9; color:#3480b4;}
.solu3 .solu_t11{ background:#d4ebce; color:#6fbc5a;}
.solu4 .solu_t11{ background:#f9d9b3; color:#ec8000;}
.solu_t12{ font-size:0.9375em; padding:15px 0 25px;}
.solu_more{ display:block; width:104px; font-size:0.9375em; padding:5px 0; border:1px solid #fff; color:#fff; margin:27px auto 0;}
.solu_more:hover{ background:#fff; color:#ac91e9;}
.solu2 .solu_more:hover{ color:#3480b4;}
.solu3 .solu_more:hover{ color:#6fbc5a;}
.solu4 .solu_more:hover{ color:#ec8000;}

.content{ position:relative; top:78.26%;}
.case_t{ padding:60px 0 30px;}
.case_t1{ float:left; font-size:3em; font-weight:lighter; color:#222; line-height:1em;}
.case_t2{ float:left; font-size:1.875em; font-weight:lighter; color:#222; line-height:1.6em;}
.case_nav{ float:right; font-size:0.875em; margin-top:0.75em;}
.case_nav li{ float:left; margin-left:12px;}
.case_nav a{ display:block; padding:0 10px; min-width:58px; height:28px; line-height:28px; text-align:center; color:#666; border:1px solid #dfdfdf; outline:none;}
.case_nav a:hover{ background:#ff8a00; border-color:#ff8a00; color:#fff;}
.cur2{ background:#ff8a00; border-color:#ff8a00 !important; color:#fff !important;}
#tabs ul li.ui-tabs-active a{ background:#ff8a00; border-color:#ff8a00; color:#fff;}

.case1_bg{ background:#f4f5f9; padding:46px 0 0; overflow:hidden; text-align:center;}
.case1{ position:relative; display:inline-block; width:22.39583%; max-width:430px; height:0; padding-bottom:22.39583%; background:#fff; margin:0 11px;}
.case1:hover .case1_hover{ filter:alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5;}
.case1:hover .case1_code{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1;}
.case1_color{ position:absolute; width:100%; height:63.953%; background:#c6d1de;}
.case1_picbg{ position:absolute; top:19.53%;}
.case1_pic{ position:absolute; width:73.95348838%; max-width:318px; height:50%; max-height:215px; overflow:hidden; left:13.02325581%; top:24.1860465%;}
.case1_pic2{ width:26.5116279%; max-width:114px; height:47.44186%; max-height:204px; left:36.74418605%; top:29.302325581%;}
.case1_p{ position:absolute; width:100%; font-size:0.9375em; color:#666; text-align:center; top:88%; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}
.case1_hover{ position:absolute; width:100%; height:100%; background:#000; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; z-index:2; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}
.case1_code{ position:absolute; width:44%; left:28%; top:28%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; z-index:3; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}
.case_more{ display:block; width:148px; height:38px; line-height:38px; text-align:center; background:#ff8a00; border:1px solid #ff8a00; color:#fff; font-size:0.875em; margin:40px auto;}
.case_more:hover{ background:none; color:#ff8a00;}

.about{ background:url(../img/about_bg.jpg) center no-repeat; padding:80px 0;}
.about .case_t1{ float:none; text-align:center; color:#f08300;}
.about .case_t2{ float:none; text-align:center; color:#f08300; line-height:1.2em;}
.about_desc{ text-align:center; color:#e0e0e0; font-size:0.9375em; line-height:2em; max-width:1040px; margin:25px auto;}
.about_more{ color:#f08300;}
.about_more:hover{ text-decoration:underline;}
.about1_bg{ text-align:center; padding:40px 0 0;}
.about1{ display:inline-block; background:url(../img/about.png) top center no-repeat; color:#fff; width:300px;}
.about1_num{ font-size:2.25em; font-weight:lighter; line-height:144px;}
.about1_num span{ font-size:1.444444444em;}
.about1_desc{ font-size:0.875em; margin-top:20px;}
.about1_en{ position:absolute; font-weight:lighter; text-transform:uppercase; text-align:left; line-height:1.2em; margin-left:185px; margin-top:32px;}

.news{ text-align:center; padding:55px 0;}
.news1{ position:relative; display:inline-block; background:#f8f8f8; width:476px; margin:0 15px;}
.news1:hover .news1_t{ color:#f08300;}
.news1:hover .news1_pic{ -moz-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.news1_p{ height:210px; padding:35px 25px; text-align:left; color:#929292;}
.news_t{ font-size:1.25em;}
.news1_t{ color:#333; font-size:1.25em; padding:30px 0 15px; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}
.news1_time{ font-size:0.875em;}
.news1_desc{ font-size:0.875em; line-height:1.5em; padding-top:20px;}
.news1_picbg{ width:100%; height:250px; overflow:hidden;}
.news1_pic{ height:250px; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}
.news1_h{ position:absolute; width:13.65546218%; margin-top:280px; margin-left:8.4%; z-index:2;}

.contact_bg{ height:525px; border-bottom:1px solid #fff; max-width:1920px; margin:0 auto;}
.contact{ float:left; width:21%; height:100%; background:#f08200; color:#fff; padding:0 2%;}
.message_bg{ float:right; width:75%; height:100%; background:url(../img/message.jpg) left center no-repeat; background-size:cover;}
.contact_t{ font-size:1.5em; font-weight:lighter; padding:50px 0 60px;}
.line{ width:40%; border-bottom:1px solid #fff;}
.tel{ font-size:2.625em; font-weight:lighter; padding:30px 0; font-family:Arial;}
.tel a{ color:#fff;}
.code{ float:left; margin-right:15px;}
.code_p{ float:left; font-size:0.875em; line-height:1.75em; margin-top:8px;}
.code_p a{ color:#fff;}
.code_p a:hover{ text-decoration:underline;}
.address{ font-size:0.875em; padding:12px 0;}

.message{ width:86%; height:342px; background:#fff; margin:42px auto 0; padding:50px 4%;}
.message_t{ font-size:1.5em; color:#333; padding-bottom:25px;}
.in1{ height:43px; line-height:43px; font-size:0.875em; font-family:"微软雅黑"; color:#a4a4a4; border:1px solid #e4e4e4; outline:none; background:url(../img/in1.png) 15px 10px no-repeat; padding:0 50px; margin-bottom:20px; width:90%; width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:-o-calc(100% - 100px); width:calc(100% - 100px);}
.in2{ float:left; width:40%; background-image:url(../img/in2.png);}
.in3{ float:right; width:40%; background-image:url(../img/in3.png);}
.in4{ background-image:url(../img/in4.png);}
.in5{ width:178px; height:43px; line-height:43px; text-align:center; background:#f08200; color:#fff; font-size:1.125em; font-family:"微软雅黑"; font-weight:lighter; border:1px solid #f08200; outline:none; cursor:pointer; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}
.in5:hover{ background:none; color:#f08200;}
.message img{ right:7%; margin-top:-66px;}

.foot_bg{ background:#222; padding:35px 0 30px;}
.foot{ color:#a9a8a8; font-size:0.875em;}
.foot a{ color:#a9a8a8;}
.foot a:hover{ color:#fff;}
.link{ color:#959595;}
.link a{ color:#959595; margin-right:15px;}
.foot_line{ width:100%; height:1px; background:#464646; margin:30px 0;}
.foot_contact{ float:left; line-height:2em;}
.foot_nav{ float:right; line-height:2em; width:40%; text-align:right;}

.top_bg2{ border-bottom:1px solid #ddd;}
.top_bg2 .top{ box-shadow:none;}
.nav_fix2 .top{ box-shadow:0 0 10px #333;}
.ban{ position:absolute; width:100%; height:580px;}
.ban img{ margin-top:250px;}
.content2{ position:relative; top:580px;}
.content3{ position:relative; top:80px;}

.page,.page span,.page p,.page a{ padding:4px; font-size:0.875em; color:#aaa;}
.page a{ color:#666;}
.page a:hover{ color:#f08300;}

.content2 .case_t{ padding-top:30px;}
.case2_bg{ padding-bottom:46px;}
.case2_bg .case1{ margin-bottom:30px;}

.body{ padding:65px 0;}
.left{ float:left; width:19%; margin-left:5%; padding-right:1%; border-right:1px solid #eaeaea;}
.right{ float:right; width:68%; margin-right:5%;}
.left_fix{ position:fixed; top:0; margin-top:140px;}
.left_fix .case3_bg{ display:none;}

.position{ font-size:0.875em; color:#a5a5a5; padding-bottom:35px;}
.position a{ color:#a5a5a5;}
.position a:hover{ color:#f08300;}
.left_t{ font-size:1.5em; color:#f08300; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}
.left_t2{ color:#8a8a8a; padding:5px 0 35px;}
.left_t2 a{ color:#8a8a8a;}
.left_t2 a:hover{ color:#f08300;}
.color1{ width:55px; color:#c6c6c6; text-align:center; float:left; margin-right:13%;}
.color11{ width:55px; height:55px; border-radius:50%; margin-bottom:10px;}
.font{ padding-top:50px;}
.font1{ font-size:1.875em; color:#c6c6c6; float:left; margin-right:22%;}
.case3_bg{ margin-top:40px;}
.case3_bg .case1{ width:45%; padding-bottom:45%; float:left; margin-left:0; margin-bottom:20px;}
.case3_bg .case1:hover .case1_p{ color:#f08300;}

.a1{ padding:50px 0 0;}
.a1_t{ font-size:1.875em; font-weight:lighter; color:#a8a8a7;}
.a1_pic{ float:right; width:33%; max-width:497px;}
.a1_p{ float:left; width:61%; margin-top:35px;}
.a1_t2{ font-size:1.875em; color:#f08300;}
.a1_desc{ font-size:0.875em; color:#858585; line-height:2em; margin-top:12px;}

.a2_bg{ text-align:center; margin:40px 0 50px; width:100%;}
.a2{ display:inline-block; width:260px; vertical-align:top; margin:0 23px;}
.a2_t{ font-size:1.125em; color:#fff; line-height:50px; background:#f08300; border-radius:10px 10px 0 0;}
.a2_desc{ background:#f4f5f9; color:#858585; font-size:0.875em; line-height:1.875em; text-align:left; padding:20px 15px; min-height:200px; border-radius:0 0 10px 10px;}
.a22 .a2_t{ background:#3cb965;}
.a23 .a2_t{ background:#ffc600;}
.a24 .a2_t{ background:#2891c2;}
.a25 .a2_t{ background:#ff5f5f;}

.a3_bg{ background:url(../img/job.jpg) center no-repeat; height:550px;}
.a3{ padding:60px 0; color:#cacaca; line-height:1.875em;}
.a31{ float:left; width:43%;}
.job_t{ font-size:1.875em; color:#f08300; margin-bottom:35px;}
.job_desc{ font-size:0.875em;}
.job_desc span{ font-size:1.15em;}
.a32{ float:right; width:50%;}
.job_t2{ font-size:1.125em; padding-bottom:15px;}
.job_desc2{ font-size:0.875em;}

.a32{ position:relative;}
.a32 .slides li{ width:100%; height:100%;}
.a32 .flex-direction-nav a{ position:absolute; top:380px; width:50px; height:50px; float:left; margin-right:8px; cursor:pointer;}
.a32 .flex-direction-nav .flex-next{ background:url(../img/job_right.png) center no-repeat; left:65px;}
.a32 .flex-direction-nav .flex-next:hover{ background-image:url(../img/job_right2.png);}
.a32 .flex-direction-nav .flex-prev{ background:url(../img/job_left.png) center no-repeat;}
.a32 .flex-direction-nav .flex-prev:hover{ background-image:url(../img/job_left2.png);}

.a4{ padding:50px 0;}
.a4 .a1_t{ color:#f08300; padding-bottom:35px;}
.a5{ width:110%;}
.a51{ float:left; margin-right:10px;}

.news2_bg{ background:#f4f5f9; display:block;}
.news2_bg:hover{ background:#fcfcfc;}
.news2_bg:hover .news2_t{ color:#f08300;}
.news2{ padding:35px 0;}
.news21{ float:left; color:#acacac; font-size:0.875em; text-align:center; margin-top:55px;}
.news21 span{ font-size:2.5em;}
.news22{ float:right; width:53%; margin:35px 7% 0;}
.news2_t{ font-size:1.25em; color:#333; padding:10px 0;}
.news2_desc{ font-size:0.875em; color:#929292; line-height:1.75em;}
.news23{ float:right; width:25%; height:197px;}
.page_news{ padding:40px 0; background:#f4f5f9;}

.news_t1{ float:left; color:#f08300; font-size:1.5em; line-height:30px; margin-right:25px;}
.news_t2{ float:left; color:#acacac; font-size:0.875em; line-height:30px;}
.news_desc{ color:#919191; font-size:0.875em; line-height:1.875em; margin-top:25px; min-height:300px;}
.news_desc p{ padding:8px 0;}
.news_desc a{ color:#f08300;}
.news_desc a:hover{ text-decoration:underline;}
.left2{ position:fixed; top:145px;}
.left_t3{ color:#f08300; font-size:1.25em; padding-bottom:25px;}
.news3{ font-size:0.875em; margin-bottom:15px;}
.news3 a{ color:#8a8a8a;}
.news3 a:hover{ color:#f08300;}

.contact2{ padding:50px 0;}
.con_t1{ font-size:1.5em; color:#f08300; line-height:1.5em; padding-bottom:15px;}
.con_t1 span{ color:#333;}
.code_p2{ float:left; margin-left:15px; margin-top:10px; font-size:0.9375em; color:#8d8d8d; line-height:1.75em;}
.code_p2 a{ color:#8d8d8d;}
.code_p2 a:hover{ color:#f08300;}
.con_t2{ font-size:1.5em; color:#333; padding:50px 0 25px;}
.map{ margin-top:50px;}
.contact2 form img{ position:absolute; right:11%; margin-top:-66px;}

.s1{ background:#f4f5f9; padding:50px 0;}
.s11{ float:left; width:36%;}
.s12{ float:right; width:64%; margin-top:35px;}
.s1_t{ font-size:3em; color:#f08300;}
.s1_t span{ color:#333;}
.s1_desc{ font-size:0.875em; color:#666; line-height:2em; margin-top:15px;}
.s1_desc span{ color:#f08300;}
.s1_ico{ float:right; color:#333; margin-right:8%;}
.s1_ico img{ margin-bottom:5px;}
.s1_ico span{ font-size:0.875em; color:#666;}

.s13{ border-top:1px solid #fff; padding-top:50px; margin-top:50px;}
.s131{ float:left; width:36.8%;}
.s132{ float:right; width:56%;}
.s1_t2{ font-size:1.5em; color:#333; margin-top:40px;}
.s1_desc2{ margin-bottom:30px;}
.s1_p1{ font-size:0.875em; color:#666; background:url(../img/p_1.jpg) left center no-repeat; padding-left:30px; line-height:2em;}
.s1_p2{ background-image:url(../img/p_2.jpg);}
.s1_p3{ background-image:url(../img/p_3.jpg);}
.s1_p4{ background-image:url(../img/p_4.jpg);}

.s2{ padding:50px 0;}
.s21{ float:left; width:51%;}
.s22{ float:right; width:43%;}
.s2_ico{ float:left; font-size:0.875em; color:#666; margin-right:6%;}
.s2_ico img{ margin-bottom:5px;}
.s2_ico2{ margin-right:0;}

.s1_t3{ font-weight:bold; padding-top:50px;}
.s1_t3 span{ font-weight:normal; color:#333; font-size:0.5em; padding-left:25px;}
.s23_bg{ text-align:center; width:120%; margin:50px 0 50px -10%;}
.s23{ display:inline-block; width:320px; margin:0 1.875%; vertical-align:top;}
.s23_t{ font-size:1.125em; line-height:1.33em; color:#90d500;}
.s23_desc{ width:280px; height:125px; font-size:0.875em; line-height:1.75em; padding:20px; text-align:left; background:#90d500; color:#fff; border-radius:10px; margin-top:10px;}
.s232 .s23_t{ color:#fd7140;}
.s232 .s23_desc{ background:#fd7140;}
.s233 .s23_t{ color:#75cdf5;}
.s233 .s23_desc{ background:#75cdf5;}
.s234 .s23_t{ color:#fca941;}
.s234 .s23_desc{ background:#fca941;}
.s24{ float:left; width:44%;}
.s25{ float:right; width:47%; margin-top:30px;}

.s3{ background:url(../img/s3.jpg) center no-repeat; padding:60px 0;}
.s3 .s1_t{ text-align:center; color:#fff;}
.s3 .s1_desc{ margin-top:10px; line-height:1.75em; text-align:center; color:#fff;}
.s31_bg{ text-align:center; margin-top:50px;}
.s31{ width:260px; display:inline-block; vertical-align:top; margin:0 23px; color:#fff;}
.s31_t{ padding:10px 0 15px;}
.s31_desc{ font-size:0.875em; color:#dcdcdc; line-height:1.75em;}

.s4{ background:none; padding:50px 0;}
.s4 .s1_t{ color:#f08300;}
.s4 .s1_desc{ color:#666;}
.s41_bg{ text-align:center; margin-top:50px;}
.s41{ display:inline-block; vertical-align:top; margin:0 5%;}
.s42{ display:inline-block; vertical-align:top; margin:0 5%;}
.s4_p1{ line-height:50px; color:#fff; text-align:left; padding:0 30px; background:#ffbd6f; margin-bottom:12px;}
.s4_p1 span{ padding-right:40px;}
.s4_p2{ background:#72dbf2;}
.s4_p3{ background:#309175;}
.s4_p4{ background:#d773d1;}
.s4_p5{ background:#28b6ff;}

.s51{ float:left; width:23%; margin-top:15px;}
.s52{ float:right; width:72%; margin-top:45px;}
.s53{ float:left; width:240px; height:220px; padding:80px 20px 20px; background:#fff; border-radius:10px; text-align:center; margin-right:6%; margin-top:80px;}
.s53_num{ position:absolute; width:100px; height:100px; line-height:100px; font-size:2.25em; font-weight:bold; background:#f08300; color:#fff; border:5px solid #fff; border-radius:50%; margin-top:-135px; margin-left:65px;}
.s53_t{ color:#333;}
.s53 .s1_desc{ color:#8f8f8f;}
.s533{ margin-right:0;}
.s532 .s53_num{ background:#7ca300;}
.s533 .s53_num{ background:#065fae;}

.s61{ float:left; width:43%;}
.s611{ margin-top:-15px;}
.s62{ float:right; width:50%; margin-top:10px;}
.s61 .s1_desc{ color:#8f8f8f;}
.s6_t{ font-size:1.125em; color:#333; line-height:20px; background:url(../img/li.jpg) left center no-repeat; padding-left:35px; margin-top:25px;}
.s6_t2{ font-size:0.875em; color:#8f8f8f; padding-left:35px; margin:10px 0;}

.s71{ float:left; width:12%; margin-left:2%; margin-top:15px;}
.s7_t{ color:#333; font-size:1.25em; margin-top:25px;}
.s72_bg{ float:right; width:78%; margin-top:105px;}
.s72{ float:left; width:24%; margin-right:11%;}
.s72 .s1_desc{ margin-top:8px;}
.s723{ margin-right:0;}

.s8{ border-top:1px solid #fff; padding:30px 0; margin-top:30px;}
.s8_t{ font-size:1.875em; color:#f08300;}
.s8 .s1_desc{ margin:5px 0 30px;}
.nav2{ float:left; width:152px; background:#495669; border-radius:10px;}
.nav2 img{ position:absolute; margin-left:152px; margin-top:52px; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}
.nav2 li:hover img{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1;}
.nav2 a{ display:block; height:52px; background:url(../img/s81.png) center 30px no-repeat; padding-top:85px; text-align:center; color:#fff; outline:none;}
.nav2 a:hover{ background-color:#e87e00; border-radius:10px;}
.nav2_a2{ background-image:url(../img/s82.png) !important; border-top:1px solid #3a475a;}
.nav2_a3{ background-image:url(../img/s83.png) !important; border-top:1px solid #3a475a;}
#tabs2 ul li.ui-tabs-active a{ background-color:#e87e00; border-radius:10px;}
#tabs2 ul li.ui-tabs-active img{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1;}
.s81{ float:left; margin-left:5%; width:63%; margin-top:30px;}
.s8_t2{ font-size:1.5em; color:#333;}
.s82{ min-height:65px; background:url(../img/s811.png) left center no-repeat; padding-left:80px; float:left; width:35%; margin-right:6%; margin-top:45px;}
.s8_t3{ color:#333; font-size:1.125em; margin-top:2px;}
.s8_desc{ font-size:0.875em; color:#8f8f8f;}
.s822{ background-image:url(../img/s812.png) !important; margin-right:0;}
.s823{ background-image:url(../img/s813.png) !important;}
.s824{ background-image:url(../img/s814.png) !important; margin-right:0;}
.s825{ background-image:url(../img/s815.png) !important;}
.s826{ background-image:url(../img/s816.png) !important; margin-right:0;}
.s83{ float:right; width:13.5%;}
#tabs-2 .s821{ background-image:url(../img/s821.png) !important;}
#tabs-2 .s822{ background-image:url(../img/s822.png) !important;}
#tabs-2 .s823{ background-image:url(../img/s823.png) !important;}
#tabs-2 .s824{ background-image:url(../img/s824.png) !important;}
#tabs-2 .s825{ background-image:url(../img/s825.png) !important;}
#tabs-2 .s826{ background-image:url(../img/s826.png) !important;}
#tabs-3 .s821{ background-image:url(../img/s831.png) !important;}
#tabs-3 .s822{ background-image:url(../img/s832.png) !important;}
#tabs-3 .s823{ background-image:url(../img/s833.png) !important;}
#tabs-3 .s824{ background-image:url(../img/s834.png) !important;}
#tabs-3 .s825{ background-image:url(../img/s835.png) !important;}
#tabs-3 .s826{ background-image:url(../img/s836.png) !important;}
.s9{ padding-bottom:0;}
.s84{ float:left; width:44%;}
.s85{ float:right; width:42%;}

.s10 .s1_desc{ margin-top:5px;}
.s1_t4{ font-size:1.5em; color:#333; margin-top:10px;}
.s10_bg{ border:1px solid #f0f0f0; padding:35px 0; margin-bottom:20px;}
.s101{ float:left; margin-left:2%; width:38%;}
.s102{ float:right; margin-right:2%; width:55%;}
.s10_t{ font-size:1.5em; color:#333; margin:15px 0;}
.s10_bg2 .s101{ width:55%;}
.s10_bg2 .s102{ width:38%;}

.so1_bg .s1_desc{ margin-bottom:25px;}
.so1_bg2{ text-align:center; width:120%; margin-left:-10%;}
.so1{ display:inline-block; background:#fff; border:1px solid #dcdcdc; width:15.3%; padding:30px 2%; height:145px; vertical-align:top; margin:0 0.8%;}
.so1_t{ color:#c5c5c5; font-size:2.25em; font-weight:bold; margin-bottom:10px;}
.so1_desc{ font-size:0.875em; color:#8f8f8f; line-height:1.875em;}

.so2_bg{ text-align:center; width:120%; margin-left:-10%;}
.so2{ display:inline-block; width:21.4%; vertical-align:top;}
.so2_t{ text-align:center; font-size:2.25em; color:#f08300; margin-bottom:30px;}
.so2_t2{ font-size:1.5em; color:#333; padding:5px 0;}
.so2_desc{ font-size:0.875em; color:#8f8f8f; line-height:1.875em; margin-bottom:15px;}
.so2_t3{ font-size:1.875em; color:#f08300; text-align:center; padding:50px 0 5px;}

.so3_bg{ text-align:center; width:120%; margin-left:-10%;}
.so3{ display:inline-block; vertical-align:top; width:12%; background:#f4f5f9; padding:50px 3%; height:280px; margin:35px 1.7% 0; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}
.so3 img{ width:62.5%;}
.so3:hover{ background:#ffba69;}
.so3:hover .so3_t{ color:#fff;}
.so3:hover .so3_desc{ color:#fff;}
.so3_t{ font-size:1.125em; color:#333; padding:30px 0 15px;}
.so3_desc{ font-size:0.875em; color:#8f8f8f; line-height:1.875em;}

.so4_bg{ text-align:center; background:url(../img/so4_bg.jpg) center no-repeat; color:#fff;}
.so4_bg .s1_desc{ margin-bottom:20px;}
.so4{ display:inline-block; width:20%; margin:20px 5% 10px; vertical-align:top;}
.so4_t{ font-size:1.5em;}
.so4_desc{ font-size:0.875em; line-height:1.875em; margin-top:15px;}

.so5 .s1_t{ text-align:center;}
.so5 .s1_desc{ text-align:center; margin:5px 0 30px;}
.so6_bg{ text-align:center;}
.so6{ display:inline-block; color:#fff; width:18%; margin:0 2%;}
.so6_t{ font-size:1.875em; line-height:100px; background:#5c9df5; border-radius:10px 10px 0 0;}
.so6_t2{ font-size:1.125em; line-height:60px; background:url(../img/so61.jpg) center no-repeat; height:327px; padding-top:25px; border-radius:0 0 10px 10px;}
.so62 .so6_t{ background:#58d093;}
.so62 .so6_t2{ background-image:url(../img/so62.jpg);}
.so63 .so6_t{ background:#824bfe;}
.so63 .so6_t2{ background-image:url(../img/so63.jpg);}
.so64 .so6_t{ background:#ef5867;}
.so64 .so6_t2{ background-image:url(../img/so64.jpg);}

.so7 .s1_t{ text-align:center;}
.so7_t{ text-align:center; font-size:1.875em; color:#333;}
.so8_bg{ text-align:center; width:120%; margin-left:-10%; padding-top:50px;}
.so8{ display:inline-block; width:9%; height:0; padding:3.7% 0 5.3%; border:7px solid #fff; border-radius:50%; font-size:1.25em; color:#fff; margin:0 1.1%; background:#ed8913; vertical-align:top;}
.so82{ background:#56d3ab;}
.so83{ background:#ff61f6;}
.so84{ background:#35b9ae;}
.so85{ background:#e84848;}
.so86{ background:#3858b4;}
.so87{ background:#ffaa5f;}

.so9 .s1_t3{ padding:0 0 40px;}
.so91{ float:left; width:29.2%;}
.so92{ float:left; line-height:3em; margin-top:35px; margin-left:7%;}
.so9_t{ font-size:1.5em; color:#333;}
.so9_t span{ color:#f08300;}
.so9_t2{ font-size:1.875em; color:#333;}
.so93{ float:right; width:28%; padding:20px 1.5%; background:#ed8913; color:#fff; font-size:0.875em; line-height:1.875em; margin-top:65px;}

.so10{ float:left; margin-top:65px;}
.so11{ float:right; width:54%;}
.so10_t{ font-size:1.5em; color:#ed8913; margin-bottom:30px;}
.so10_t1{ line-height:70px;}
.so10_t1 span{ padding:10px; background:#ed8913; color:#fff; margin-right:25px;}
.so10_t2 span{ background:#005bac;}
.so10_t3 span{ background:#009920;}
.so10_t4 span{ background:#ff61f6;}

.so12{ background:url(../img/so12.jpg) center no-repeat;}
.so13{ background:url(../img/so13_bg.png); border:1px solid #fff; height:130px; color:#fff; margin-top:40px;}
.so13_t1{ float:left; width:11%; line-height:130px; text-align:center; font-size:1.875em; background:#ed8913; border-right:1px solid #fff;}
.so13_t2{ float:right; width:88%; text-align:center; margin-top:32px;}
.so13_t2 p{ display:inline-block; font-size:1.5em; margin:0 2.5%;}
.so13_t2 span{ font-size:0.66em;}
.so132 .so13_t1{ background:#005bac;}

.so14 .s1_t{ text-align:center;}
.so14 .s1_desc{ text-align:center; margin-top:5px;}
.so15_bg{ text-align:center; margin-top:35px;}
.so15{ display:inline-block; margin:0 3%;}

.nav3,.logo2,.solution2,.foot_bg2,.case3_bg_m,.position_m,.a52{ display:none;}


@media (min-width:1921px){
.solution{ width:78%;}
.case_t{ width:78%;}
}
@media (max-width:1666px){
.width{ width:90%;}
.s52{ margin-top:25px;}

.a4{ padding:25px 5%; width:90%;}
.a5{ width:100%;}
.a51{ display:none;}
.a52{ display:block;}

.news2{ padding:35px 0;}
.news21{ display:none;}
.news22{ float:right; width:70%; margin:35px 2% 0;}
.news23{ float:left; width:25%;}

.s31{ width:16%;}

.so12{ background-size:cover;}
.so13_t1{ font-size:1em;}
.so13_t2{ margin-top:42px;}
.so13_t2 p{ font-size:1.2em; margin:0 2.5%;}
}
@media (max-width:1650px){
.in2,.in3{ width:38%;}
}
@media (max-width:1600px){
.solution{ width:90%;}
.case_t{ width:90%;}
.foot_nav{ display:none;}

.s2_ico{ float:left; font-size:0.875em; color:#666; margin-right:6%; width:15%;}
.s2_ico img{ margin-bottom:5px;}
.s2_ico2{ margin-right:0;}

.a2{ width:17%; margin:0 1%;}
}
@media (max-width:1577px){
.news1{ width:30%;}
}
@media (max-width:1500px){
.solution{ width:90%;}
.case_t{ width:90%;}

.news22{ float:right; width:70%; margin:0 2%;}

.s53{ position:relative; width:24%; margin-right:4%;}
.s53_num{ width:50px; height:50px; line-height:50px; font-size:1.2em; border:5px solid #fff; border-radius:50%; left:50%; margin-left:-30px; margin-top:-100px;}
}
@media (max-width:1470px){
.so93{ margin-top:40px;}
}
@media (max-width:1440px){
.position{ font-size:0.875em;}
.left_t{ font-size:1.5em;}
.left_t2{ color:#8a8a8a; padding:5px 0 25px;}
.color1{ width:15%; height:auto; font-size:0.875em;}
.color11{ width:100%; height:0; padding-bottom:100%; margin-bottom:10px;}
.font{ padding-top:25px;}
.font1{ font-size:1em; margin-right:22%;}
.case3_bg{ margin-top:40px; font-size:0.875em;}
.case3_bg .case1{ width:45%; padding-bottom:45%; margin-left:0; margin-bottom:20px;}
}
@media (max-width:1420px){
.tel{ font-size:2em;}

.news31{ display:none;}
}
@media (max-width:1400px){
.nav{ width:60%;}
.in2,.in3{ width:36%;}

.s72_bg{ margin-top:30px;}

.so2{ width:45%; margin-bottom:15px;}
.so11{ width:50%; margin-top:40px;}
}
@media (max-width:1391px){
.contact_t{ padding:50px 0 30px;}

.position{ font-size:0.75em;}
}
@media (max-width:1350px){
.so11{ width:45%; margin-top:70px;}

.so13_t2 p{ font-size:1em; margin:0 2.5%;}
}
@media (max-width:1300px){
.s13{ padding-top:15px;}
.s131{ margin-top:35px;}

.s25{ margin-top:-50px;}
.s3{ background-size:cover;}

.so8{ width:9%; height:0; padding:3.7% 0 5.3%; border:7px solid #fff; font-size:1em; margin:0 1.1%;}
}
@media (max-width:1250px){
.s3 .s1_desc{ padding:0 5%;}
.s31{ width:14%;}

.so13_t2 p{ font-size:1em; margin:0 2%;}
.so15{ width:12%; margin:0 3%;}
}
@media (max-width:1240px){
.about1_bg{ padding:40px 0 0;}
.about1{ width:22%;}

.a1_pic{ width:44%;}
.a1_p{ width:50%; margin-top:35px;}
}
@media (max-width:1200px){
.solu_t12{ font-size:0.75em;}
.job_desc2{ height:310px; overflow:auto;}

.s1_ico{ width:20%;}
.s53{ margin-right:3%;}

.s81{ width:77%;}
.s83{ display:none;}

.so3{ height:240px;}

.s1_t3 span{ font-size:0.4em;}
.so91{ width:50%;}
.so92{ width:40%;}
.so93{ width:97%;}
.so11{ width:45%; margin-top:100px;}
}
@media (max-width:1180px){
.position{ font-size:0.625em;}
.color1{ font-size:0.625em;}
.case3_bg .case1{ width:44%; padding-bottom:44%; margin-left:0; margin-bottom:20px;}
}
@media (max-width:1170px){
.nav a{ padding:2%;}
.in2,.in3{ width:33%;}

.so1{ height:180px;}

.so13_t2{ margin-top:20px;}
.so13_t2 p{ font-size:0.875em; margin:0 2.5%; margin-bottom:15px;}
}
@media (max-width:1150px){
.so10_t{ font-size:0.875em; margin-bottom:15px;}
.so10_t1{ line-height:50px;}
.so10_t1 span{ padding:10px; margin-right:10px;}
.so11{ margin-top:50px;}
}
@media (max-width:1100px){
.a1_pic{ width:50%; margin-top:35px;}
.a1_p{ width:44%; margin-top:35px;}
.a2{ width:30%; margin:10px 1% 0;}
}
@media (max-width:1086px){
.nav a{ padding:1.5%;}
.case1_hide{ display:none;}
.case1{ width:30%; padding-bottom:30%;}
.about_desc{ padding:0 2%;}
.about1{ width:20%; margin:0 1%; vertical-align:top;}
.about1_num{ font-size:2em;}
.about1_desc{ font-size:0.875em;}
.about1_en{ margin-left:15%; font-size:0.75em;}
.news1{ width:30%; margin:0 1%;}
.news1_picbg{ height:200px;}
.news1_pic{ height:200px;}
.tel{ font-size:1.5em;}
}
@media (max-width:1050px){
.so11{ width:70%; margin-top:25px; margin-right:15%;}
}
@media (max-width: 992px){
.nav{ width:55%; top:0; left:40%; margin-right:5%;}
.search{ display:none;}
.solu_t3{ font-size:0.75em;}
.news1_t{ font-size:0.875em;}
.news1_time{ font-size:0.625em;}
.news1_desc{ font-size:0.625em;}
.news1_picbg{ height:150px;}
.news1_pic{ height:150px;}
.in2,.in3{ width:28%;}
.tel{ font-size:1em;}
.code_p{ font-size:0.625em;}
.address{ font-size:0.625em;}
.foot{ font-size:0.75em;}

.ban{ width:80%; padding:0 10%;}
.ban img{ width:90%; height:auto;}

.left{ float:none; width:90%; margin-left:5%; border-right:none;}
.right{ float:none; width:90%; margin-left:5%; margin-top:20px;}
.left_fix{ position:relative; margin-top:0;}

.position{ font-size:0.625em; padding-bottom:15px;}
.color1{ width:55px; margin-right:5%;}
.color11{ width:55px; height:auto; margin-bottom:10px;}
.font1{ margin-right:5%;}
.case3_bg{ display:none;}
.case3_bg_m{ margin:20px 0 0; padding-left:4%;}
.case3_t_m{ font-size:1em; color:#8f8f8f; text-align:center; margin-bottom:10px; margin-left:-4%;}
.case3_bg_m .case1{ width:46%; padding-bottom:46%; margin:0 1% 10px;}

.news22{ width:60%; margin:0 2%;}
.news23{ width:35%;}
.news_desc{ min-height:inherit;}

.position_m{ display:block; margin-left:5%;}
.left2{ position:relative; top:20px; padding-bottom:20px;}
.left2 .position{ display:none;}

.s11{ width:100%;}
.s12{ width:100%; text-align:center;}
.s1_ico{ float:none; display:inline-block; width:28%; margin:0 2%; vertical-align:top;}

.clear_m{ clear:both;}
.s52_m{ width:100%;}
.s53{ float:none; width:90%; height:auto; padding:45px 5% 20px; margin-right:0; margin-top:45px;}
.s53_t{ font-size:0.75em;}
.s53_num{ width:50px; height:50px; line-height:50px; font-size:1.2em; border:5px solid #fff; border-radius:50%; left:50%; margin-left:-30px; margin-top:-75px;}

.nav2{ width:100px;}
.nav2 img{ display:none;}
.s82{ width:30%;}

.s10_bg img{ margin-top:50px;}

.so4{ width:28%; margin:20px 2% 10px;}

.so6{ width:22%; margin:0 1%; vertical-align:top;}
.so6_t{ font-size:1.5em;}
.so6_t2{ font-size:1em;}

.so8_bg{ width:100%; margin-left:0;}
.so8{ width:12%; height:0; padding:4.8% 0 7.2%; border:7px solid #fff; font-size:1em; margin:0 1.1%;}
}
@media (max-width: 950px){
.nav{ font-size:0.875em;}

.so1{ height:220px;}
}
@media (max-width: 880px){
.nav{ width:62%; left:36%; margin-right:2%;}
.nav a{ padding:1.2%;}
.clear_mid{ clear:both; height:0;}
.case_nav_mid{ float:left; margin-top:5px;}
.case_nav_mid li{ margin-left:0; margin-right:5px;}
}
@media (max-width: 800px){
.case1{ width:28%; padding-bottom:28%;}
.about1{ width:19%; margin:0 1.5%;}
}
@media (max-width: 768px){
.top_bg,.foot_bg{ display:none;}
.logo2,.foot_bg2,.case3_bg_m,.position_m{ display:block;}

.nav3_bg{ position:fixed; width:100%; height:70px; top:0; z-index:999; background:#fff; border-bottom:1px solid #ddd; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.logo2{ position:absolute; width:50%; margin-left:3%; z-index:1000; margin-top:18px;}
.logo2 img{ height:34px; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.nav3{ display:block; position:absolute; width:100%; z-index:999; text-align:center;}
#nav_moblie{ display:block; position:absolute; width:26px; height:26px; right:5%; margin:22px 0; background:url(../img/menu_btn.png) right center no-repeat #fff; background-size:contain; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/menu_btn.png', sizingMethod='scale'); -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.nav3 a{ display:block; color:#333;}
.nav3 a:hover{ color:#f08300;}
.nav3 ul li ul{ position:absolute; width:100%; display:none; background:#fff; line-height:2em; font-size:0.875em; top:71px; text-align:right;}
.nav3 ul li ul li{ margin-bottom:5px;}
.nav3 ul li ul li a{ padding-right:5%;}
.nav3 ul li ul li ul{ position:relative; top:0; display:none; line-height:1.75em; font-size:0.875em;}
.nav3 ul li ul li ul li{ margin-bottom:0;}

.about{ padding-bottom:0;}
.about1_bg{  padding:0 0 40px;}
.news{ padding:25px 0;}

.banner_p{ width:60%; left:20%;}
.banner_p img{ height:auto;}
.ban img{ margin-top:280px;}

.foot_bg2{ background:#222; padding:20px 0;}
.foot{ color:#a9a8a8; font-size:0.625em; text-align:center;}

.a3_bg{ height:auto; background-size:cover;}
.a3{ padding:25px 5%; width:90%;}
.a31{ float:none; width:100%;}
.a32{ display:none;}

.s13{ padding-top:25px; margin-top:25px;}
.s131{ float:none; width:100%; margin-top:15px;}
.s132{ float:none; width:100%;}

.s2{ padding:25px 0;}
.s21{ float:none; width:100%;}
.s22{ float:none; width:100%;}
.s2_ico{ width:16%; font-size:0.625em; margin:0 2% 15px;}
.s23{ margin-bottom:20px;}

.s24{ float:none; width:100%; margin-top:15px;}
.s25{ float:none; width:100%; margin-top:-50px;}

.s3{ background-size:cover; padding:30px 5% 20px; width:90%;}
.s31_bg{ margin-top:25px;}
.s31{ width:45%; margin:0 2% 10px;}
.s31 img{ width:40%;}
.s31_t{ padding:5px 0 5px; font-size:0.75em;}
.s31_desc{ font-size:0.625em;}

.so8{ width:15%; height:0; padding:6% 0 9%; border:7px solid #fff; font-size:1em; margin:0 1.1%;}

.s1_t3 span{ font-size:0.25em;}
.so91{ margin-top:30px;}
.so92{ font-size:0.8em;}

.so12{ background-size:cover;}
.so13{ height:auto; margin-top:15px;}
.so13_t1{ float:none; width:100%; line-height:2em; font-size:0.75em; border-right:none; border-bottom:1px solid #fff;}
.so13_t2{ float:none; width:100%; margin-top:0; padding:10px 0;}
.so13_t2 p{ font-size:0.625em; margin:5px 2.5%;}
.so13_t2 span{ font-size:1em;}
}
@media (max-width: 500px){
.solution{ display:none;}
.solution2{ display:block;}

.banner_p{ width:80%; left:10%;}
.banner_p img{ height:auto;}

.solution2{ height:350px;}
.solu1{ width:50%;}
.solu_ico{ margin:30px auto 0;}
.solu_p{ margin-top:30px;}
.solu_t{ font-size:1em;}
.solu_t2{ font-size:0.75em;}
.solu_t3{ font-size:0.625em; margin-top:30px;}
.solu_t11{ font-size:0.625em;}
.solu_t12{ font-size:0.625em; padding-bottom:15px;}
.solu_hover .solu_t{ margin:25px 0 20px;}
.solu_more{ font-size:0.625em; margin-top:5px;}

.case_t{ padding:30px 0 20px;}
.case_t1{ font-size:1.5em;}
.case_t2{ font-size:0.875em; line-height:2em; padding-left:5px;}

.clear_m{ clear:both; height:0;}
.case_nav{ float:left; margin-top:5px;}
.case_nav li{ margin-left:0; margin-right:5px;}
.case_nav a{ padding:0 5px; min-width:50px; font-size:0.875em;}

.case1_bg{ padding:20px 0 0;}
.case1{ position:relative; display:inline-block; width:45%; height:0; padding-bottom:48%; background:#fff; margin:1%;}
.case1_hover,.case1_code{ display:none;}
.case1_p{ font-size:0.75em;}
.case_more{ width:25%; height:25px; line-height:25px; font-size:0.75em; margin:20px auto;}

.about{ padding:30px 0 20px; background-size:cover;}
.about_desc{ font-size:0.625em; padding:0 5%; margin:15px auto;}
.about1_bg{ width:100%; padding:10px 0 0;}
.about1{ width:25%; background-size:contain; vertical-align:top; margin:0 10% 15px;}
.about1_num{ font-size:0.875em; line-height:1em; padding-top:42%;}
.about1_num span{ font-size:1.5em;}
.about1_desc{ font-size:0.625em; margin-top:50%;}
.about1_en{ line-height:1em; margin-left:20%; margin-top:2.5em; font-size:0.625em;}

.news{ padding:30px 0 20px;}
.news1{ width:90%; margin:1% 1% 3%; background:#f0f0f0;}
.news1_p{ height:auto; padding:20px 5%;}
.news_t{ font-size:0.875em;}
.news1_t{ font-size:0.75em; padding:15px 0 5px;}
.news1_time{ font-size:0.625em;}
.news1_desc{ font-size:0.625em; line-height:1.5em; padding-top:10px;}
.news1_picbg{ height:150px;}
.news1_pic{ height:150px;}
.news1_h{ display:none;}

.contact_bg{ height:auto;}
.contact{ float:none; width:90%; height:auto; padding:0 5%;}
.message_bg{ float:none; width:100%; height:auto; background-size:cover; padding:25px 0;}
.contact_t{ font-size:0.875em; padding:30px 0 15px;}
.line{ width:25%;}
.tel{ font-size:1em; padding:15px 0;}
.code{ float:left;}
.code_p{  font-size:0.625em;}
.address{ font-size:0.625em; padding:12px 0 20px;}

.message{ width:86%; height:auto; margin:0 auto; padding:25px 4%;}
.message_t{ font-size:0.75em; padding-bottom:15px;}
.in1{ height:30px; line-height:30px; font-size:0.625em; padding:0 10px; margin-bottom:10px; background:none; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 100px); width:-o-calc(100% - 20px); width:calc(100% - 20px);}
.in2{ float:none; width:90%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 100px); width:-o-calc(100% - 20px); width:calc(100% - 20px);}
.in3{ float:none; width:90%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 100px); width:-o-calc(100% - 20px); width:calc(100% - 20px);}
.in4{ background:none;}
.in5{ width:25%; height:30px; line-height:30px; font-size:0.625em; margin-left:37.5%;}
.message img{ height:30px; right:7%; margin-top:-41px;}

.ban{ width:90%; height:250px; padding:0 5%;}
.ban img{ margin-top:130px; width:90%; height:auto;}
.content2{ top:250px;}
.content2 .case_t{ padding-top:20px;}
.content2 .case_t2{ padding-left:0; font-size:1em;}
.case2_bg{ padding-bottom:20px;}
.case2_bg .case1{ margin-bottom:10px;}
.page,.page span,.page p,.page a{ font-size:0.75em;}

.body{ padding:20px 0;}

.left_t{ font-size:1em;}
.left_t2{ padding:5px 0 15px; font-size:0.75em;}
.color1{ width:10%; height:0; padding-bottom:10%; margin-right:5%; font-size:0.625em;}
.color11{ width:100%; height:0; padding-bottom:100%; border-radius:50%; margin-bottom:5px;}
.font{ padding-top:30px;}
.font1{ font-size:0.875em; margin-right:5%;}
#SOHUCS{ display:none;}
.case3_t_m{ font-size:0.75em;}

.a1{ width:90%; padding:30px 5% 0;}
.a1_t{ font-size:1em;}
.a1_pic{ float:none; width:100%; max-width:497px; margin-top:10px;}
.a1_p{ float:none; width:100%; margin-top:20px;}
.a1_t2{ font-size:0.875em;}
.a1_desc{ font-size:0.625em; margin-top:10px;}

.a2_bg{ text-align:center; margin:25px 0 15px; width:100%;}
.a2{ display:inline-block; width:43%; vertical-align:top; margin:0 1% 10px;}
.a2_t{ font-size:0.75em; line-height:30px;}
.a2_desc{ font-size:0.625em; padding:10px 5px; min-height:150px; text-align:center;}

.a3_bg{ height:auto; background-size:cover;}
.a3{ padding:25px 5%; width:90%; line-height:1.2em;}
.a31{ float:none; width:100%;}
.job_t{ font-size:0.75em; color:#f08300; margin-bottom:20px;}
.job_desc{ font-size:0.625em;}
.job_desc span{ font-size:1.15em;}

.a4{ padding:25px 5%; width:90%;}
.a4 .a1_t{ padding-bottom:20px;}
.a5{ width:100%;}
.a51{ display:block; float:none; margin-right:0; margin-bottom:5px;}
.a52{ display:none;}

.news2{ padding:20px 5%; width:90%;}
.news21{ display:none;}
.news22{ float:none; width:100%; margin:5px 0 0;}
.news2_t{ font-size:0.75em; padding:5px 0;}
.news2_desc{ font-size:0.625em;}
.news23{ float:none; width:100%;}
.page_news{ padding:20px 0;}

.position_m{ margin-left:5%; margin-bottom:-15px;}
.news_t1{ float:none; font-size:1em; margin-right:0;}
.news_t2{ float:none; font-size:0.625em; line-height:1em;}
.news_desc{ font-size:0.625em; line-height:1.875em; margin-top:10px;}
.news_desc p{ padding:5px 0;}
.left2{ position:relative; top:20px; padding-bottom:20px;}
.left2 .position{ display:none;}
.left_t3{ font-size:0.75em; padding-bottom:15px;}
.news3{ font-size:0.625em; margin-bottom:10px;}

.contact2{ padding:25px 5%; width:90%;}
.con_t1{ font-size:1em; line-height:1.5em; padding-bottom:10px;}
.code_p2{ float:left; margin-left:5px; margin-top:10px; font-size:0.625em;}
.con_t2{ font-size:0.75em; padding:30px 0 20px;}
.map{ display:none;}
.contact2 form img{ position:absolute; height:30px; right:6%; margin-top:-41px;}

.s1{ padding:25px 0;}
.s11{ float:none; width:100%;}
.s12{ float:none; width:100%; margin-top:15px;}
.s1_t{ font-size:1.2em;}
.s1_desc{ font-size:0.625em; margin-top:10px;}
.s1_ico{ width:25%; float:right; margin:0 4.15%; font-size:0.75em;}
.s1_ico img{ margin-bottom:5px;}
.s1_ico span{ font-size:0.8em;}

.s1_t2{ font-size:0.875em; margin-top:0;}
.s1_desc2{ margin-bottom:15px;}
.s1_p1{ font-size:0.625em; padding-left:30px; background:url(../img/p_1.jpg) left 0 no-repeat; margin-bottom:5px;}
.s1_p2{ background-image:url(../img/p_2.jpg);}
.s1_p3{ background-image:url(../img/p_3.jpg);}
.s1_p4{ background-image:url(../img/p_4.jpg);}

.s2{ padding:25px 0;}
.s21{ float:none; width:100%;}
.s22{ float:none; width:100%;}
.s2_ico{ width:16%; font-size:0.625em; margin:0 2% 15px;}

.s1_t3{ padding-top:25px;}
.s1_t3 span{ float:left; font-size:0.5em; padding-left:0; padding-top:5px; margin-bottom:15px;}
.s23_bg{ width:100%; margin:25px 0 -10px;}
.s23{ width:47%; margin:0 1% 10px;}
.s23_t{ font-size:0.625em;}
.s23_desc{ width:90%; height:120px; font-size:0.625em; line-height:1.75em; padding:10px 5%; margin-top:0;}
.s24{ float:none; width:100%; margin-top:15px;}
.s25{ float:none; width:100%; margin-top:0;}

.s3{ background-size:cover; padding:30px 5% 20px; width:90%;}
.s31_bg{ margin-top:25px;}
.s31{ width:45%; margin:0 2% 10px;}
.s31 img{ width:40%;}
.s31_t{ padding:5px 0 5px; font-size:0.75em;}
.s31_desc{ font-size:0.625em;}

.s4{ padding:25px 5%;}
.s41_bg{ margin-top:15px;}
.s41{ width:100%; margin:0;}
.s42{ width:100%; margin:0;}
.s4_p1{ line-height:30px; padding:0 5%; margin-bottom:8px; font-size:0.625em;}
.s4_p1 span{ padding-right:10%;}

.s51{ width:25%; margin-top:20px;}
.s52{ width:72%; margin-top:0;}
.s52_m{ width:100%;}
.s53{ float:none; width:90%; height:auto; padding:45px 5% 20px; margin-right:0; margin-top:45px;}
.s53_t{ font-size:0.75em;}
.s53_num{ width:50px; height:50px; line-height:50px; font-size:1.2em; border:5px solid #fff; border-radius:50%; left:50%; margin-left:-30px; margin-top:-75px;}

.s61{ float:none; width:100%;}
.s611{ margin-top:15px; width:100%;}
.s62{ float:none; width:70%; margin-top:0; margin-left:15%;}
.s6_t{ font-size:0.75em; color:#333; line-height:1em; background:url(../img/li.jpg) left center no-repeat; background-size:contain; padding-left:1.5em; margin-top:15px;}
.s6_t2{ font-size:0.625em; padding-left:2em; margin:10px 0 0; line-height:1.875em;}
.s6_t2 img{ max-width:55%;}

.s71{ display:none;}
.s7_t{ font-size:0.75em; margin-top:8px;}
.s72_bg{ float:none; text-align:center; width:100%; margin-top:15px;}
.s72{ float:none; display:inline-block; width:30%; margin:0 1%; vertical-align:top;}
.s72 img{ width:30%;}
.s72 .s1_desc{ margin-top:8px;}

.s8{ padding:25px 0 0; margin-top:25px;}
.s8_t{ font-size:0.875em;}
.s8 .s1_desc{ margin:10px 0 20px;}
.nav2{ float:none; width:100%; text-align:center;}
.nav2 li{ display:inline-block; width:32%; margin:0;}
.nav2 img{ display:none;}
.nav2 a{ display:block; height:20px; background:url(../img/s81.png) center 10px no-repeat; background-size:25%; padding-top:42px; text-align:center; color:#fff; outline:none; font-size:0.75em;}
.nav2_a2{ border:none;}
.nav2_a3{ border:none;}
.s81{ float:left; margin-left:0; width:100%; margin-top:20px;}
.s8_t2{ font-size:0.875em; margin-bottom:5px;}
.s82{ min-height:0; background:url(../img/s811.png) left top no-repeat; background-size:10%; padding-left:12%; float:left; width:85%; margin-right:0; margin-top:10px;}
.s8_t3{ color:#333; font-size:0.75em; margin-top:2px; margin-bottom:5px;}
.s8_desc{ font-size:0.625em; line-height:1.875em;}
.s83{ display:none;}
.s9{ padding-bottom:0;}
.s84{ float:none; width:100%;}
.s85{ float:none; width:100%; margin-top:25px;}
.s85 img{ width:70%; margin-left:15%;}
.s84 .s8_t,.s85 .s8_t{ line-height:1.5em;}

.s10 .s1_desc{ margin-top:5px;}
.s1_t4{ font-size:0.75em; margin-top:10px;}
.s10_bg{ padding:20px 0; margin-bottom:10px;}
.s10_bg img{ margin-top:0;}
.s101{ float:none; margin:0 5%; width:90%;}
.s102{ float:none; margin:0 5%; width:90%;}
.s10_t{ font-size:0.75em; margin:10px 0;}
.s10_bg2 .s101{ width:90%;}
.s10_bg2 .s102{ width:90%;}

.so1_bg .s1_desc{ margin-bottom:15px;}
.so1_bg2{ width:100%; margin-left:0;}
.so1{ width:90%; padding:15px 5%; height:auto; margin:0; margin-bottom:10px;}
.so1_t{ font-size:1.5em; margin-bottom:5px;}
.so1_desc{ font-size:0.625em; line-height:1.875em;}

.so2_bg{ width:100%; margin-left:0;}
.so2{ width:100%;}
.so2_t{ font-size:1em; margin-bottom:0;}
.so2_t2{ font-size:0.75em; padding:5px 0; margin-top:15px;}
.so2_desc{ font-size:0.625em; line-height:1.875em; margin-bottom:5px;}
.so2_t3{ font-size:1em; padding:30px 0 5px;}
.so2 img{ width:80%;}
.so22 img{ width:50%;}

.so3_bg{ width:100%; margin-left:0;}
.so3{ width:35%; padding:15px 5%; height:auto; margin:10px 1% 0;}
.so3 img{ width:30%;}
.so3_t{ font-size:0.75em; padding:5px 0;}
.so3_desc{ font-size:0.625em; line-height:1.875em;}

.so4_bg{ background-size:cover;}
.so4_bg .s1_desc{ margin-bottom:0;}
.so4{ width:43%; margin:15px 3% 0; vertical-align:top;}
.so4_t{ font-size:0.75em;}
.so4_desc{ font-size:0.625em; margin-top:5px;}
.so4 img{ width:35%;}

.so5 .s1_desc{ margin:5px 0 0;}
.so6{ width:45%; margin:10px 2% 0;}
.so6_t{ font-size:0.75em; line-height:2em;}
.so6_t2{ font-size:0.625em; line-height:1.875em; height:auto; padding:10px 0; background-size:cover;}

.so7_t{ font-size:0.875em;}
.so8_bg{ width:100%; margin-left:0; padding-top:5px;}
.so8{ width:23%; padding:10% 0 13%; border:3px solid #fff; font-size:0.75em; margin:10px 0.8% 0; vertical-align:top;}

.so9 .s1_t3{ padding:0 0 15px;}
.so91{ float:none; width:100%;}
.so92{ float:none; line-height:1.875em; margin-top:10px; margin-left:0;}
.so9_t{ font-size:0.75em; line-height:1.875em;}
.so9_t2{ font-size:0.875em;}
.so93{ float:none; width:90%; padding:15px 5%; font-size:0.625em; line-height:1.875em; margin-top:10px;}

.so10{ float:none; margin-top:25px;}
.so11{ float:none; width:100%;}
.so10_t{ font-size:1em; margin-bottom:15px;}
.so10_t1{ line-height:2em; font-size:0.625em; margin-bottom:15px;}
.so10_t1 span{ padding:10px; margin-right:1%;}

.so15_bg{ margin-top:15px;}
.so15{ margin:0 1%; width:17%;}
}